<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-store" />
<meta http-equiv="Expires" content="0" />

<meta name="_csrf" th:content="${_csrf.token}" />
<meta name="_csrf_header" th:content="${_csrf.headerName}" />

<link rel="stylesheet" media="screen" th:href="@{/webjars/bootstrap/css/bootstrap.min.css}"/>
<link rel="stylesheet" media="screen" th:href="@{/webjars/bootstrap-table/dist/bootstrap-table.min.css}">

<title>插件管理</title>

<style type="text/css">
body{
	position:absolute;
	width:100%;
	height:100%;
	margin: 0;
	padding: 0;
	font: 12px tahoma, Arial, Verdana, sans-serif;
	color: #666666;
}
.buttonMouseOut{
	width: 125px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    outline: none;
    cursor: pointer;
    border: none;
    background: url(../../../images/install.png) -4px -3px no-repeat;
    font: 12px tahoma, Arial, Verdana, sans-serif;
	color: #666666;
}

.buttonMouseOver{
	width: 125px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    outline: none;
    cursor: pointer;
    border: none;
    background: url(../../../images/install.png) -4px -64px no-repeat;
    font: 12px tahoma, Arial, Verdana, sans-serif;
	color: #666666;
}


.uploadPlugin input:focus { 
    outline: none;
    background-color: transparent;
}
.uploadPlugin input::selection{background:transparent; }
.uploadPlugin input::-moz-selection{background:transparent; }

</style>

</head>
<body style="padding: 10px;overflow-x: hidden;">
	<div class="error" style="padding: 10px;height: auto;display: none;">
		<div class="alert alert-warning" style="display: none;">
            <a href="#" class="close">
		        &times;
		    </a>
			<strong>错误！</strong><span class="alertMsg" style="display: inline;"></span>
        </div>
	</div>
	<div class="success" style="padding: 10px;height: 72px;display: none;">
        <div id="success" class="alert alert-success">
		    <a href="#" class="close">&times;</a>
		    <strong>提示！</strong><span class="successMsg" style="display: inline;"></span>
		</div>
	</div>
	<div style="padding: 10px;">
		<div class="uploadPlugin">
			<form id="uploadPluginForm">
				<div style="height: 38px;">
					<div style="width: 200px;float: left;">
						<select style="height: 38px;" name="groupName" class="form-control">
							<option value="">----</option>
							<option th:each="groupName: ${groupNameList}" th:value="${groupName}" th:text="${groupName}"></option>
						</select>
					</div>
					<div style="height: 38px;float: left;margin-left: 10px;">
						<div style="padding: 0px 5px;border: 1px solid rgba(0,0,0,.15);height: 38px;line-height:38px;width:374px;vertical-align:middle;float: left;border-top-left-radius: 5px;border-bottom-left-radius: 5px;">
							<span><input class="fileName" type="text" style="height: 20px;width: 100%;border: 0px;font-family: inherit;font-size: inherit;line-height: inherit;" onkeydown="return false;" onpaste="return false;" placeholder="选择文件" title="选择文件"/></span>
						</div>
						<div style="float: right;height: 38px;width: 120px;border-top-left-radius: 0;border-bottom-left-radius: 0;" tabindex="500" class="btn btn-primary btn-file chooseFile">
							<i class="glyphicon glyphicon-folder-open"></i>&nbsp;  
							<span>选择文件</span>
						</div>
						<input style="opacity: 0;top: 0;left:0;width: 0;height: 0;position: fixed;" name="file" class="file" type="file" accept=".jar">
					</div>
					<div style="float: left;margin-left: 10px;">
						<button type="button" id="uploadPlugin" class="buttonMouseOut" onmousemove="this.className='buttonMouseOver'"onmouseout="this.className='buttonMouseOut'">上传插件</button>
					</div>
				</div>
			</form>
		</div>
	</div>
	<div style="padding: 10px;">
		<table id="pluginTable"></table>
	</div>
</body>
<script type="text/javascript" th:src="@{/webjars/jquery/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{/webjars/jquery-form/jquery.form.min.js}"></script>
<script type="text/javascript" th:src="@{/webjars/jquery-ui/jquery-ui.min.js}"></script>
<script type="text/javascript" th:src="@{/webjars/bootstrap/js/bootstrap.min.js}"></script>
<script type="text/javascript" th:src="@{/webjars/bootstrap-table/dist/bootstrap-table.min.js}"></script>
<script type="text/javascript" th:src="@{/webjars/bootstrap-table/dist/locale/bootstrap-table-zh-CN.js}"></script>
<script type="text/javascript" th:src="@{/plugins/bootstrap/confirm.js}"></script>
<script type="text/javascript" th:src="@{/plugins/bootstrap/alert.js}"></script>
<script type="text/javascript" th:src="@{/scripts/plugin/index.js}"></script>
<script type="text/javascript" th:src="@{/plugins/bootstrap/modal.js}"></script>
<script type="text/javascript" th:src="@{/scripts/util/sourceEditModal.js}"></script>
<script type="text/javascript" th:src="@{/scripts/util/configEditModal.js}"></script>
</html>
